<template>
	<view class='parkmon-rule'>
		<!-- <image class="rule-image pull-right" src="/static/parking/rule-text.png"></image> -->
		<button class="rule-button pull-right" @click="handleTo">查看规则</button>
	</view>
</template>
<script>
export default {
	components: {},
	data() {
		return {}
	},
	methods: {
		handleTo() {
			uni.navigateTo({
				url: "/pagesA/pages/rule/index"
			})
		}
	},
}
</script>
<style lang='scss' scoped>
.parkmon-rule {
	width: 336rpx;
	.rule-button {
		width: 240rpx;
		line-height: 68rpx;
		font-size: 32rpx;
		background: linear-gradient(#1E99FC, #3B75F8);
		border: 2rpx solid #fff;
		border-radius: 100rpx;
		margin-top: 172rpx;
		text-align: center;
		color: #fff;
	}

	.rule-button:hover {
		color: #fff;
	}
}
</style>